<div id="center_bottomwrapper">
<?php loadview("menu") ;?>
<div id="rightcontent">
  <div style=" margin-left: 22px; float: left ; width: 700px; height: auto;">
  	<div id="menuanh">
      <div class="thoitrang" style="margin-left: 0px;"> 
        <a href="<?php echo base_url; ?>thoi-trang-be-gai/c450.html">
            <h1>Thời trang</h1>
            <h2>Bé gái</h2>
        </a> 
      </div>
      <div class="imgbegai" id="betrai">
        <a href="<?php echo base_url; ?>thoi-trang-be-trai/c451.html"><img style="padding-left: 18px;" class="imggai" src="<?php echo base_url; ?>public/images/betrai1.png" /></a>
      </div>
      <div class="thoitrang"> 
        <a href="<?php echo base_url; ?>thoi-trang-be-trai/c451.html">
            <h1>Thời trang</h1>
            <h2>Bé trai</h2>
        </a> 
      </div>
      <div class="imgbegai" id="babau">
        <a href="<?php echo base_url; ?>thoi-trang-ba-bau/c449.html"><img class="imggai" src="<?php echo base_url; ?>public/images/babau.png" /></a>
      </div>
      <div class="thoitrang"> 
        <a href="<?php echo base_url; ?>thoi-trang-ba-bau/c449.html">
            <h1>Thời trang</h1>
            <h2>Bà bầu</h2>
        </a> 
      </div>
      <div class="imgbegai" id="begai"><a href="<?php echo base_url; ?>thoi-trang-be-gai/c450.html"><img class="imggai" src="<?php echo base_url; ?>public/images/imggai.png" /></a></div>
    </div>
	<script type="text/javascript">
		$(document).ready(function(){            
			var winH = $(window).height();
			var winW = $(window).width();
			var heightImg = $("body").height();
			//alert(heightImg);
			if(heightImg >= 1000){
				 var h = parseInt(heightImg);
				$('#bgid').css('height',h);
			}else{
				$('#bgid').css('height','100%');
			}
			$('#bgid').css('width','100%');
		});
	</script>

	<div class="sanphammoi" style="margin-top: 5px;">
      <div class="tieude"> <img src="<?php echo base_url; ?>public/images/bgtieude.png">
        <h1 style="left: 5px;"><?php echo $data['title'];?></h1>
        <img src="<?php echo base_url; ?>public/images/hinhnhan.png"> </div>
      <hr style="background-color: #ffbc89; width: 697px; border: none; position: absolute; top: 34px;">
      <div>
        <ul id="listproductnew">
        	<?php 
				if(isset($data['list_pro']) && $data['list_pro'] != NULL){
				$stt = 1;
					foreach($data['list_pro'] as $value){
			?>
			  <li class="sanpham" style="margin-bottom: 50px;">
				<div class="imgproduct"> 
				<a href="<?php echo base_url.$value['pro_name_rewrite'].'/p'.$value['pro_id'].'.html' ;?>" title="<?php echo $value['pro_name'] ;?>"> &nbsp;<img src="<?php echo base_url."uploads/products/".$value['pro_images'];?>"/>&nbsp; </a> </div>
				<div class="chitietsp">
				  <h1><a href="<?php echo base_url.$value['pro_name_rewrite'].'/p'.$value['pro_id'].'.html' ;?>"><?php echo $value['pro_name'] ;?></a></h1>
				  <h2>Giá :
				  <?php 
						if($value['pro_price'] == ''){
							echo "<label>Liên hệ</label>";
						}else{
							echo "<label>".number_format($value['pro_price'])." vnđ</label>";
						}
				   ?>
				   </h2>
                   <a href="index.php?page=shopping&act=add&pid=<?php echo $value['pro_id']; ?>" title="Mua hàng"><img id="imggiohang" src="<?php echo base_url; ?>public/images/giohang.jpg"></a>
				</div>
			  </li>
			<?php
			}
			}else{echo "<li style='height:auto;padding:10px;'>Sản phẩm chưa cập nhật !</li>";}
			?>
        </ul>
        <div class="pagination">
        	<div class="paging">
            	<?php echo $data['pagelist'];?>
            </div>
        </div>
      </div>
    </div>
<!--end list-->
  </div>
</div>
<!--End #rightcontent--> 
</div>
<!--End #center_bottomwrapper-->	